<template>
  <el-container>
    <el-header height="80px">
      <span class="logo">LOGO</span>
      <span class="info">132****0099</span>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo">
          <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <router-link slot="title" :to="{name: 'Home'}">Home</router-link>
          </el-menu-item>
          <el-menu-item index="3">
            <i class="el-icon-document"></i>
            <router-link slot="title" :to="{name: 'Admin'}">Admin</router-link>
          </el-menu-item>
          <el-menu-item index="4">
            <i class="el-icon-setting"></i>
            <router-link slot="title" :to="{name: 'About'}">About</router-link>
          </el-menu-item>
          <el-menu-item index="5">
            <i class="el-icon-setting"></i>
            <router-link slot="title" :to="{name: 'Article'}">Article</router-link>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  name: "Admin",
  methods: {
  }
};
</script>

<style scoped>
.is-active,
.router-link-exact-active {
  color: #42b983;
}
</style>